 body,
 html {
 	font-family: 'Arial', sans-serif;
 	margin: 0;
 	padding: 0;
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }

 #header {
 	background-color: #007bff;
 	color: white;
 	padding: 10px 20px;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }

 #header img {
 	width: 40px;
 	height: 40px;
 	border-radius: 50%;
 	margin-right: 10px;
 }

 #header .user-name {
 	margin-right: 10px;
 }

 #wrapper {
 	display: flex;
 	flex-grow: 1;
 }

 #sidebar {
 	background-color: #f8f9fa;
 	width: 200px;
 	overflow-y: auto;
 	padding: 20px 0;
 }

 #sidebar ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 #sidebar ul li {
 	padding: 10px 20px;
 	cursor: pointer;
 	color: #333;
 }

 #sidebar ul li:hover {
 	background-color: #e9ecef;
 }

 #sidebar ul li.active {
 	background-color: #e9ecef;
 	font-weight: bold;
 }

 #content {
 	flex-grow: 1;
 	padding: 20px;
 	overflow-y: auto;
 }

 .exit-btn {
 	background-color: #dc3545;
 	color: white;
 	border: none;
 	padding: 10px 20px;
 	cursor: pointer;
 	border-radius: 5px;
 }

 .exit-btn:hover {
 	background-color: #c82333;
 }